<!DOCTYPE html>
<html>
    <head>
        <header>
            <meta charset="utf-8">
        <style type="text/css">a {text-decoration: none}
            ul {
  list-style-type: none;
  margin: 0px;
  padding:10px;
  overflow: hidden;
  background-color: green
}

li {
  float: left;
}

li a {
  display:inline block;
  color: yellow;
  text-align: center;
  padding: 20px 16px;
  text-decoration: none;
}

li a:hover {
  color: blue;
}
table, td, th {  
  border: 1px solid pink;
  text-align: left 300px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 15px;
}
tr:nth-child(1) {background-color: pink;}
tr:nth-child(2) {background-color: yellow;}
tr:nth-child(3) {background-color: purple;}
#footer {
	height: 80px;
	background-color: cyan;
}

        </style>
    </header>
</head> 
        <body>
            <ul>
                <li><a href="1.html.webp">嘎子偷坤</a></li>
                <li><a href="https://www.baidu.com">百度</a></li>
              </ul>
              <table>
                <tr>
                  <th>坤1.1</th>
                  <th>坤1.2</th>
                  <th>坤1.3</th>
                </tr>
                <tr>
                  <td>坤2.1</td>
                  <td>坤2.2</td>
                  <td>坤2.3</td>
                </tr>
                <tr>
                  <td>坤3.1</td>
                  <td>坤3.2</td>
                  <td>坤3.3</td>
                </tr>
              </table>
              <div1 class="c1">
                <img src="kunkun1.webp" width="350" height="250">
                <cite>鸡1</cite>
                <img src="kunkun2.webp" width="350" height="250">
                <cite>鸡2</cite>
              </div1>
              <div2 class="c2">
                <img src="kunkun3.webp" width="350" height="250">
                <cite>鸡3</cite>
                <img src="kunkun4.webp" width="350" height="250">
                <cite>鸡4</cite>
              </div2>
              <div id="footer">
                <p>
                    我喜欢吃鸡，但是自从坤坤出道后就不喜欢吃鸡了。
                </p>
                </div>
        </body>

</html>